/* Totalmente encapsulado: SOLO afecta a #acr2-box y clases acr2-* */
#acr2-box.acr2-box{
  width:100%;
  height:100%;
  box-sizing:border-box;
}

/* Scroll interno para que no rompa el layout */
#acr2-box .acr2-scroll{
  height:220px;              /* ajusta a tu panel */
  overflow:auto;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
}

/* Tabla */
#acr2-box .acr2-table{
  width:100%;
  border-collapse:collapse;
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:13px;
}

#acr2-box th,
#acr2-box td{
  padding:10px 12px;
  border-bottom:1px solid #eef2f7;
  text-align:left;
}

/* Cabecera fija */
#acr2-box th{
  position:sticky;
  top:0;
  background:#fbfcfe;
  font-size:12px;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* Acrónimo resaltado */
#acr2-box .acr2-code{
  font-family:ui-monospace,Consolas,monospace;
  font-weight:700;
  color:#0b3b8c;
  white-space:nowrap;
}

/* Hover */
#acr2-box .acr2-tr:hover td{
  background:#f8fafc;
}

/* Vacío */
#acr2-box .acr2-empty{
  padding:12px 14px;
  border:1px solid #fee2e2;
  background:#fff7f7;
  border-radius:10px;
  color:#b91c1c;
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:13px;
}

/* Scrollbar fino (Chrome/Edge) */
#acr2-box .acr2-scroll::-webkit-scrollbar{
  width:8px;
  height:8px;
}
#acr2-box .acr2-scroll::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:6px;
}
#acr2-box .acr2-scroll::-webkit-scrollbar-thumb:hover{
  background:#94a3b8;
}